<%@ taglib prefix="s" uri="/struts-tags" %>
<!doctype html> 
<html lang="en">  
	<head> 
        <title> Page 1</title>
  </head>
<body>

<h1>Page 1</h1>
<br>

<div class="my-table"  style="width:  100%;"><%-- table --%>
	<div class="my-row" style="width:  100%;"><%-- row --%>
		<div class="my-cell" style="width:  50%;  text-align: center;"><%-- cell --%>
		
		<s:if test="#session.socialNetwork == null || #session.socialAccess == null ">
		    <b>Filter authentication</b><br>
			<a href="socialAccessViaFilter?socialNetwork=facebook"><img src="images/facebook_icon.png" alt="Facebook" title="Facebook" border="0"></img></a>
			<br/>
			<a href="socialAccessViaFilter?socialNetwork=facebook">Signin</a><br/>
		</s:if>
		<s:elseif test="#session.socialNetwork == 'facebook' && #session.socialAccess == 'filter'">
		    <b>Filter logout</b><br>
			<a href="socialLogoutViaFilter?socialNetwork=facebook"><img src="images/facebook_icon.png" alt="Facebook" title="Facebook" border="0"></img></a>
			<br/>
			<a href="socialLogoutViaFilter?socialNetwork=facebook">Logout</a><br/>		
		</s:elseif>
		
		
			
		</div><%-- cell --%>
		<div class="my-cell" style="width:  50%;  text-align: center;"><%-- cell --%>
		<s:if test="#session.socialNetwork == null || #session.socialAccess == null ">
		    <b>Api authentication</b><br>
			<a href="socialAccessViaApi?socialNetwork=facebook"><img src="images/facebook_icon.png" alt="Facebook" title="Facebook" border="0"></img></a>
			<br/>
			<a href="socialAccessViaApi?socialNetwork=facebook">Signin</a><br/>
		</s:if>
		<s:elseif test="#session.socialNetwork == 'facebook' && #session.socialAccess == 'api'">
		    <b>Api logout</b><br>
			<a href="socialLogoutViaApi?socialNetwork=facebook"><img src="images/facebook_icon.png" alt="Facebook" title="Facebook" border="0"></img></a>
			<br/>
			<a href="socialLogoutViaApi?socialNetwork=facebook">Logout</a><br/>					
		</s:elseif>					
		</div><%-- cell --%>			
	</div>
</div>		

<br><br>



<div class="my-table"  style="width:  100%;"><%-- table --%>
	<div class="my-row" style="width:  100%;"><%-- row --%>
		<div class="my-cell" style="width:  50%;  text-align: center;"><%-- cell --%>
		
		<s:if test="#session.socialNetwork == null || #session.socialAccess == null ">
		    <b>Filter authentication</b><br>
			<a href="socialAccessViaFilter?socialNetwork=google"><img src="images/gmail-icon.jpg" alt="google" title="google" border="0"></img></a>
			<br/>
			<a href="socialAccessViaFilter?socialNetwork=google">Signin</a><br/>
		</s:if>
		<s:elseif test="#session.socialNetwork == 'google' && #session.socialAccess == 'filter'">
		    <b>Filter logout</b><br>
			<a href="socialLogoutViaFilter?socialNetwork=google"><img src="images/gmail-icon.jpg" alt="google" title="google" border="0"></img></a>
			<br/>
			<a href="socialLogoutViaFilter?socialNetwork=google">Logout</a><br/>		
		</s:elseif>
		
		
			
		</div><%-- cell --%>
		<div class="my-cell" style="width:  50%;  text-align: center;"><%-- cell --%>
		<s:if test="#session.socialNetwork == null || #session.socialAccess == null ">
		    <b>Api authentication</b><br>
			<a href="socialAccessViaApi?socialNetwork=google"><img src="images/gmail-icon.jpg" alt="google" title="google" border="0"></img></a>
			<br/>
			<a href="socialAccessViaApi?socialNetwork=google">Signin</a><br/>
		</s:if>
		<s:elseif test="#session.socialNetwork == 'google' && #session.socialAccess == 'api'">
		    <b>Api logout</b><br>
			<a href="socialLogoutViaApi?socialNetwork=google"><img src="images/gmail-icon.jpg" alt="google" title="google" border="0"></img></a>
			<br/>
			<a href="socialLogoutViaApi?socialNetwork=google">Logout</a><br/>					
		</s:elseif>					
		</div><%-- cell --%>			
	</div>
</div>


</body>
</html>